

const layer=layui.layer
    // 获取用户信息
    getUserInfo()
    function getUserInfo() {
        $.ajax({
            method: 'GET',
            url: '/my/userinfo',
            // headers 配置参数，请求配置对象
            // headers: {
            //     Authorization: localStorage.getItem('token')
            // },
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('获取用户信息失败')
                }
                // layer.msg('获取用户信息成功')
                // 调用渲染函数，传入res.data
                renderAvatar(res.data)
            },
            // 无论当前请求成功或者失败，都会在整个请求过程中的最后调用complete回调函数
            complete: function (res) {
                // console.log(res);
                if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！') {
                    // 1. 强制清空 token
                    localStorage.removeItem('token')
                    // 2. 强制跳转到登录页面
                    location.href = '/login.html'
                }
            }
        })
    }

    // 获取渲染用户信息昵称，头像
    function renderAvatar(user) {
        // 获取用户名称(username/nickname)
        let name = user.nickname || user.username
        // 设置欢迎的文本
        $('#welcome').html(`欢迎&nbsp;${name}`)
        // 按需渲染用户的头像
        // 如果有头像就渲染没有像就隐藏文字头像
        if (user.user_pic !== null) {
            $('.layui-nav-img').attr('src', user.user_pic).show()
            $('.text-avatar').hide()
        } else {
            // 如果没有图片头像，直接渲染文字头像
            $('.layui-nav-img').hide()
            const first = name[0].toUpperCase()
            $('.text-avatar').html(first).show()
        }
    }

    // 用户退出功能
    $('#logOut').on('click', function (e) {
        e.preventDefault()
        layer.confirm('确定退出登录？', { icon: 3, title: '提示' }, function () {
            // 清除当前用户的token
            localStorage.removeItem('token')
            location.href = '/login.html'
            layer.close(index)
        })
    })


